var tailieu = tailieu || {
	template: {
		msgAlert: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Góp ý</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Cảm ơn bạn đã đóng góp ý kiến</h2></div></div></div>',
        msgErrLogin: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Thông báo</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Bạn nhập sai Tên tài khoản hoặc mật khẩu</h2></div></div></div>',
        msgErrLoginActive: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Thông báo</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Tài khoản chưa được active hoặc bị khóa</h2></div></div></div>',
        msgYKien: '<div class="wrapPopup"><div class="popup" style="width:300px"><div class="rnd topLeft"></div><div class="rnd topRight"></div><div class="rnd leftM"></div><div class="rnd rightM"></div><div class="rnd bottomLeft"></div><div class="rnd bottomRight"></div><div class="rnd bottomM"></div><div class="rnd topM"><h3>Thông báo</h3><a class="close" title="close" href="javascript:void(0)">close</a> </div><div class="centerPopup" style="height:80px"><p class="message" style=" margin: 25px 0 0;"></p><h2 style="margin: 30px;color:OrangeRed;">Xin vui lòng nhập ý kiến của bạn</h2></div></div></div>'
	   
	}
};

function frmRegisterValidate() {
    jQuery('#frmSignUp').length && jQuery('#frmSignUp').validate({
    	ajax: false,
    	rules: [
    		{
    			name: 'txtEmail',
    			required: true,
                email: true,
    			message: 'Xin vui lòng nhập email',
                message_email: 'Email không hợp lệ'
    		},
            {
    			name: 'txtPassword',
    			required: true,
                length : 6,
    			message: 'Xin vui lòng nhập mật khẩu',
                messageLength: 'Mật khẩu phải từ 6 ký tự trở lên'
    		},
            {
    			name: 'txtConPassword',
    			repassword: true,
                checkField: 'txtPassword',
    			message_repassword: 'Mật khẩu không trùng khớp'
    		},
            {
    			name: 'txtFullName',
    			required: true,
    			message: 'Xin vui lòng nhập họ tên'
    		},
            {
    			name: 'captcha',
    			required: true,
    			message: 'Xin vui lòng nhập mã bảo vệ'
    		},
            {
    			name: 'ckbAgree',
                chkField: 'ckbAgree',
    			chkbox: true,
    			message_checked: 'Bạn chưa đồng ý điều khoản sử dụng'
    		}
            
            
            
    	],
    	alert: function( el ) {
    		var elWrapper = el.closest( '.uibutton' ),
    			layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
    		el.focus();
    		layer
    			.appendTo( document.body )
    			.css({
    				'top': elWrapper.offset().top + elWrapper.height(),
    				'left': elWrapper.offset().left,
    				'width': elWrapper.width() - 10
    			});
    		setTimeout(function() {
    			layer.remove();
    		}, 2000);
    	}
    });	  
}


function category_sortactive()
{
    var numShow = 10;
    jQuery('.btnrMenu').click(function() {
        var rel = jQuery(this).attr('rel');
        jQuery('.btnrMenu').removeClass('active');
        jQuery(this).addClass('active');
        jQuery('.ilist').hide();
        jQuery('.'+rel).show();
        jQuery('.ellipse').hide();
    })
    if (jQuery('#ilist').length) {
        jQuery('#ilist').pajinate({
    		items_per_page : numShow,
            num_page_links_to_display : 5,
             abort_on_small_lists: true,
    		item_container_id : '.topnew',
            nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>',
    		nav_panel_id : '.alt_page_navigation'
    					
    	});
        
        jQuery('#ilist1').pajinate({
    		items_per_page : numShow,
            num_page_links_to_display : 5,
             abort_on_small_lists: true,
    		item_container_id : '.topview',
            nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>',
    		nav_panel_id : '.alt_page_navigation1'
    					
    	});
        jQuery('#ilist2').pajinate({
    		items_per_page : numShow,
            num_page_links_to_display : 5,
             abort_on_small_lists: true,
    		item_container_id : '.tophit',
            nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>',
    		nav_panel_id : '.alt_page_navigation2'
    					
    	});
    }
    jQuery('.ellipse').hide();
   
}

function rightsortactive()
{
    var numShow = 10;
    jQuery('.btnrx').click(function() {
        var rel = jQuery(this).attr('rel');
        jQuery('.btnrx').removeClass('active');
        jQuery(this).addClass('active');
        jQuery('.ilist').hide();
        jQuery('.'+rel).show();
        jQuery('.ellipse').hide();
    })
    if (jQuery('#ilist').length) {
        
        jQuery('#ilist').pajinate({
    		items_per_page : numShow,
    		item_container_id : '.topnew',
    		nav_panel_id : '.alt_page_navigation',
            nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>'
					
    	});
        
        jQuery('#ilist1').pajinate({
    		items_per_page : numShow,
    		item_container_id : '.topview',
    		nav_panel_id : '.alt_page_navigation1',
             nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>'
    					
    	});
        jQuery('#ilist2').pajinate({
    		items_per_page : numShow,
    		item_container_id : '.tophit',
    		nav_panel_id : '.alt_page_navigation2',
             nav_label_first : '<<',
    		nav_label_last : '>>',
    		nav_label_prev : '<',
    		nav_label_next : '>'
    					
    	});
    }
    
    
    
   
}

function frmLoginValidate()
{
    jQuery('#frmLogin').length && jQuery('#frmLogin').validate({
    	ajax: true,
        onSubmit: function() {
    	    var url = jQuery(this).attr('action');  
    		jQuery.post(url, jQuery(this).serialize(), function(response) {
                var obj = jQuery.parseJSON(response);
                var loginStatus = parseInt(obj.success);
                if (loginStatus == -1) {
                    jQuery(tailieu.template.msgErrLogin ).appendTo( document.body ).popup();
                } else if (loginStatus == 0) {
                    jQuery(tailieu.template.msgErrLoginActive).appendTo( document.body ).popup();
                } else {
                     window.location = '/';
                }
    		}); 
                    
        },
    	rules: [
    		{
    			name: 'txtUsr',
    			required: true,
    			message: 'Xin vui lòng nhập email'
    		},
            {
    			name: 'txtPass',
    			required: true,
    			message: 'Xin vui lòng nhập mật khẩu'
    		}
              
    	],
    	alert: function( el ) {
    		var elWrapper = el.closest( '.uibutton' ),
    			layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
    		el.focus();
    		layer
    			.appendTo( document.body )
    			.css({
    				'top': elWrapper.offset().top + elWrapper.height(),
    				'left': elWrapper.offset().left,
    				'width': elWrapper.width() - 10
    			});
    		setTimeout(function() {
    			layer.remove();
    		}, 2000);
    	}
    });
}

function auth()
{
    jQuery(".login_reg_ a.loginbtn").click(function()
		{
			var dd = jQuery(this).next().find(".login_content");

			if(dd.css("display") == "none")
			{
				jQuery('.login_reg_ .login_content').hide(); // hide any other open drop downs
				dd.show();
			}
			else
			{
				dd.hide();
			}
		});

		jQuery('.login_reg_').click(function(e)
		{
			e.stopPropagation();
		});

		jQuery(document).click(function()
		{
			jQuery('.login_reg_ div.box_login .login_content').hide();
		});
}


function popupComment(str, vid)
{	
    jQuery.ajax({
		url: base_url + '/popup_display',
		timeout:  5000,
		success: function(response) {
            var htmlPopup = jQuery(response).css({'position':'absolute'}).appendTo(document.body).popup();
            htmlPopup.find('.closex').click(function() {
                htmlPopup.popup('close');
            });
            htmlPopup.find('#contents').val(str);
            htmlPopup.find('#vid').val(vid);
            
            htmlPopup.find('#frmCaptcha').validate({
                ajax: true,
        		onSubmit: function() {
        		    var url = jQuery(this).attr('action');  
        			jQuery.post(url, jQuery(this).serialize(), function(response) {
                        var obj = jQuery.parseJSON(response);
                        var ss = parseInt(obj.success);
                        if (ss == 0) {
                            jQuery('#errCaptcha').html('Mã xác nhận không đúng');
                            jQuery('#imgCaptcha').html(obj.captcha);
                        } else if (ss == 1) {
                            jQuery('#comment').val('');
                            htmlPopup.popup('close');
                            frmCommentInit();
                            jQuery(tailieu.template.msgAlert ).appendTo( document.body ).popup();
                        }
        			}); 
                    
        		},
                
        		rules: [
        			{
        				name: 'email',
                        email: true,
        				message: 'Email không hợp lệ'
        			},
                    {
        				name: 'fullname',
        				required: true,
        				message: 'Xin vui lòng nhập họ tên'
        			},
                    {
        				name: 'captcha',
        				required: true,
        				message: 'Nhập mã xác nhận'
        			}
                    
                    
        		],
        		alert: function( el ) {
        			var elWrapper = el.closest( '.ivalidate' ),
        				layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
        			el.focus();
        			layer
        				.appendTo( document.body )
        				.css({
        					'top': elWrapper.offset().top + elWrapper.height(),
        					'left': elWrapper.offset().left,
        					'width': elWrapper.width() - 8
        				});
        			setTimeout(function() {
        				layer.remove();
        			}, 2000);
        		}
            })
           
		},
		error: function () {
			alert(url + ' is not valid');
		}
	})    
}


function frmCommentInit(){
		jQuery( '#frmComment' ).length && jQuery( '#frmComment' ).validate({
			rules: [
				{
					name: 'comment',
					init: 'Ý kiến của bạn'
					
				}
			],
			alert: function( el ) {
				var elWrapper = el.closest( '.uiElmForm' ),
					layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
				el.focus();
				layer
					.appendTo( document.body )
					.css({
						'top': elWrapper.offset().top + elWrapper.height(),
						'left': elWrapper.offset().left,
						'width': elWrapper.width() + 4
					});
				setTimeout(function() {
					layer.remove();
				}, 2000);
			}
		});
		
	
}

function paging_comment()
{

        jQuery('#paging_comment a').click(function() {
            var that = jQuery(this);
            if (that.hasClass('current')) {
                return false;
            }
            var url = that.attr('href');
            jQuery.ajax({
        		url: url,
        		timeout:  5000,
        		success: function(response) {
        		     jQuery('#list_class').html(response);
                     jQuery('#paging_comment a').removeClass('current');
                     that.addClass('current');
      		    },
        		error: function () {
        			alert(url + ' is not valid');
        		}
            });
            return false;
        });
    
    
}

function forgotValidate()
{
    jQuery( '#frmFogot' ).length && jQuery( '#frmFogot' ).validate({
			rules: [
				{
					name: 'email',
					required: true,
                    email: true,
        			message: 'Xin vui lòng nhập email',
                    message_email: 'Email không hợp lệ'
				}
			],
			alert: function( el ) {
				var elWrapper = el.closest( '.uiElmForm' ),
					layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
				el.focus();
				layer
					.appendTo( document.body )
					.css({
						'top': elWrapper.offset().top + elWrapper.height(),
						'left': elWrapper.offset().left,
						'width': elWrapper.width() - 10
					});
				setTimeout(function() {
					layer.remove();
				}, 2000);
			}
		});
}

function resetValidate()
{
    jQuery( '#frmReset' ).length && jQuery( '#frmReset' ).validate({
			rules: [
    			{
        			name: 'pass',
        			required: true,
                    length : 6,
        			message: 'Xin vui lòng nhập mật khẩu',
                    messageLength: 'Mật khẩu phải từ 6 ký tự trở lên'
        		},
                {
        			name: 'repass',
        			repassword: true,
                    checkField: 'pass',
        			message_repassword: 'Mật khẩu không trùng khớp'
        		}
			],
			alert: function( el ) {
				var elWrapper = el.closest( '.uiElmForm' ),
					layer = jQuery( '<div class="alertLayer">' + el.data('message') + '</div>' );
				el.focus();
				layer
					.appendTo( document.body )
					.css({
						'top': elWrapper.offset().top + elWrapper.height(),
						'left': elWrapper.offset().left,
						'width': elWrapper.width() - 10
					});
				setTimeout(function() {
					layer.remove();
				}, 2000);
			}
		});
}


jQuery( document ).ready(function() {
    
    auth();
    frmRegisterValidate();
    frmLoginValidate();
    rightsortactive();
    category_sortactive();
    forgotValidate();
    resetValidate();
    paging_comment();
    jQuery('#chkCaptcha').click(function() {
        var vid = parseInt(jQuery('#video_id').val());
        var txt = jQuery('#comment').val();
            txt = jQuery.trim(txt);
        if (txt != '' && txt != 'Ý kiến của bạn') {
            popupComment(txt, vid);
        }  else {
             jQuery(tailieu.template.msgYKien).appendTo( document.body ).popup();
        }
    });
    frmCommentInit();
    jQuery('.listsort img').error(function() {
        jQuery(this).attr("src", root_url + "/data/images/noimage.jpg");
        jQuery(this).attr('height', '120px');
        jQuery(this).attr('width', '98px'); 
    }); 
    jQuery('.khoahoc_block img').error(function() {
        jQuery(this).attr("src", root_url + "/data/images/noimage.jpg");
        jQuery(this).attr('height', '48px');
        jQuery(this).attr('width', '68px'); 
    }); 
    
    /*
    jQuery("img").error(function() {
        jQuery(this).attr("src", root_url + "/data/images/noimage.jpg"); 
    });  */
});
